<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 </head>
    <ui:composition template="/template/templateAdmin.xhtml">
    	<ui:define name="content"> 
			<h2>
				<h:outputText value="#{msgs.gerenciausuarios}" />
			</h2>
			<a4j:form>
				<div id="listagem">
					<rich:dataTable value="#{usuarioBean.usuarios}" rowClasses="linha1, linha2" id="usuarios"
						var="usuario">
						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{msgs.id}" />
							</f:facet>
							<h:outputText value="#{usuario.id}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{msgs.nome}" />
							</f:facet>
							<h:outputText value="#{usuario.nome}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{msgs.login}" />
							</f:facet>
							<h:outputText value="#{usuario.login}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{msgs.email}" />
							</f:facet>
							<h:outputText value="#{usuario.email}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{msgs.estado}" />
							</f:facet>
							<h:outputText value="#{msgs.bloqueado}" rendered="#{usuario.estado == 1}"/>
							<h:outputText value="#{msgs.desbloqueado}" rendered="#{usuario.estado == 0}"/>
						</rich:column>
						<rich:column>
							<f:facet name="header">
								<h:outputText value="#{msgs.acoes}" />
							</f:facet>
							<a4j:commandLink title="#{msgs.editar}" ajaxSingle="true" oncomplete="#{rich:component('editPanel')}.show()"
								 id="linkedit" actionListener="#{usuarioBean.selecionarUsuario}">
								<h:graphicImage value="/images/edit.gif"
									style="border:0" />
									<a4j:actionparam id="codigoEdicao" value="#{usuario.id}"></a4j:actionparam>
							</a4j:commandLink>
							<a4j:commandLink title="#{msgs.bloquearusuario}" ajaxSingle="true"
								action="#{usuarioBean.bloquear}" id="linkblock">
								<h:graphicImage value="/images/control.png"
									style="border:0" />
								<f:setPropertyActionListener value="#{usuario.id}"
									target="#{usuarioBean.id}" />
							</a4j:commandLink>
							<a4j:commandLink title="#{msgs.remover}" ajaxSingle="true"
								action="#{usuarioBean.remover}" id="linkdelete">
								<h:graphicImage value="/images/delete.gif"
									style="border:0" />
								<f:setPropertyActionListener value="#{usuario.id}"
									target="#{usuarioBean.id}" />
							</a4j:commandLink>
						</rich:column>
					</rich:dataTable>
				</div>
			</a4j:form>
			<a4j:form>
				<f:verbatim>
					<br />
				</f:verbatim>
				<a4j:commandLink title="#{msgs.inserir}" ajaxSingle="true" id="linknew" styleClass="btns"
					oncomplete="#{rich:component('newPanel')}.show()">
					<h:outputText value="#{msgs.inserir}" />
				</a4j:commandLink>
				<f:verbatim>
					<br />
					<br />
					<br />
				</f:verbatim>
				<h:outputLink value="home.jsf" title="#{msgs.voltaraopainel}">
					<h:outputText value="#{msgs.voltaraopainel}" />
				</h:outputLink>
			</a4j:form>
			<rich:modalPanel id="newPanel" autosized="true" width="450" showWhenRendered="#{usuarioBean.exibirPanel}">
				<h2>
					<h:outputText value="#{msgs.cadastrarusuario}" />
				</h2>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="/images/close.png" id="hidelink"
							styleClass="hidelink" />
						<rich:componentControl for="newPanel" attachTo="hidelink"
							operation="hide" event="onclick" />
					</h:panelGroup>
				</f:facet>
				<a4j:form id="cadastro">
					<h:message style="color:red;" for="cadastro" showDetail="true" />
					<h:panelGrid columns="1">
						<a4j:outputPanel ajaxRendered="true">
							<h:panelGrid columns="2">
								<h:outputText value="#{msgs.nome}" />
								<h:inputText value="#{usuarioBean.nome}" />
								<h:outputText value="#{msgs.login}" />
								<h:inputText value="#{usuarioBean.login}" />
								<h:outputText value="#{msgs.email}" />
								<h:inputText value="#{usuarioBean.email}" />
								<h:outputText value="#{msgs.senha}" />
								<h:inputSecret value="#{usuarioBean.senha}" />
							</h:panelGrid>
						</a4j:outputPanel>
						<a4j:commandButton value="#{msgs.salvar}" styleClass="btns"
							action="#{usuarioBean.cadastrar}" reRender="usuarios"
							oncomplete="if (#{facesContext.messageList == null}) #{rich:component('newPanel')}.hide();" />
					</h:panelGrid>
				</a4j:form>
			</rich:modalPanel>
			<rich:modalPanel id="editPanel" autosized="true" width="450" showWhenRendered="#{usuarioBean.exibirPanelAtualizacao}">
				<h2>
					<h:outputText value="#{msgs.editarusuario}" />
				</h2>
				<f:facet name="controls">
					<h:panelGroup>
						<h:graphicImage value="/images/close.png" id="hidelinkedit"
							styleClass="hidelink" />
						<rich:componentControl for="editPanel" attachTo="hidelinkedit"
						operation="hide" event="onclick" />
					</h:panelGroup>
				</f:facet>
				<a4j:form id="atualizacao">
					<h:message style="color:red;" for="atualizacao" showDetail="true" />
					<h:panelGrid columns="1">
						<a4j:outputPanel ajaxRendered="true">
							<h:panelGrid columns="2">
								<h:outputText value="#{msgs.nome}" />
								<h:inputText value="#{usuarioBean.nome}" />
								<h:outputText value="#{msgs.login}" />
								<h:inputText value="#{usuarioBean.login}" />
								<h:outputText value="#{msgs.email}" />
								<h:inputText value="#{usuarioBean.email}" />
								<h:inputHidden value="#{usuarioBean.id}" />
							</h:panelGrid>
						</a4j:outputPanel>
						<a4j:commandButton value="#{msgs.salvar}" styleClass="btns"
						action="#{usuarioBean.editar}" reRender="usuarios"
						oncomplete="if (#{facesContext.messageList == null}) #{rich:component('editPanel')}.hide();" />
					</h:panelGrid>
				</a4j:form>
			</rich:modalPanel>
		</ui:define>
    </ui:composition>
</html>